<template>
  <TabBar :tabs="tabs" :activeTab="activeTab" @update:activeTab="handleTabChange" />
  <BackTop :show="showFab" :oldScrollTop="oldScrollTop" />

  <view>
    <!-- 匹配条件 -->
    <div style="height: 120rpx"></div>
    <scroll-view
      :scroll-top="scrollTop"
      scroll-y="true"
      class="scroll-Y"
      @scrolltoupper="upper"
      @scrolltolower="lower"
    >
      <view v-for="item in userlist" :key="item.id">
        <navigator
          url="/pages/search/particulars/index?id=1"
          open-type="navigate"
          hover-class="navigator-hover"
        >
          <userItem></userItem>
        </navigator>
      </view>
    </scroll-view>
    <!-- 封装成组件 -->
  </view>
</template>
<script setup>
import { ref, onMounted } from 'vue'
import TabBar from './components/tab.vue'
import BackTop from './components/backtop.vue'
import userItem from '@/components/seek/UserList/userItem.vue'
import CardItem from '@/pages/index/components/CardItem.vue'
import { http } from '@/utils/http'
import { onPageScroll } from '@dcloudio/uni-app'
const showFab = ref(false)
const scrollTop = ref(0)
const oldScrollTop = ref(0)
onPageScroll((e) => {
  showFab.value = e.scrollTop > 100
})
//模拟数据
const userlist = ref([
  {
    // id
    id: 1,
    //昵称
    nickname: '小王吧',
    // 头像
    avatar: '111',
    //  性别
    gender: '女',
    // 户籍
    household_region: '南京京南',
    // 年龄
    age: 25,
    //婚姻状况
    marital_status: '未婚',
    //身高
    height: 175,
    //职业
    occupation: '教师',
    //学历
    education: '本科',
    //工作经验
    work_time: 5,
    //兴趣爱好
    hobbies: ['篮球', '足球', '羽毛球'],
    //自我介绍
    seif_introduction: '我打了两年半的篮球,非常有打篮球的经验',
    //年龄范围
    age_range: '23~40岁',
    //身高范围
    height_range: '160~175cm',
    //最低收入
    minimnm_income: '5~8千',
    //最低学历
    minimnm_education: '本科',
    //结婚时间
    marriage_timing: '尽快',
    //工作地区
    desired_work_region: '南京',
    //房子要求
    desired_housing_status: '房子',
    //期望婚姻状况
    desired_marital_status: '不知道',
    //其他要求
    other_requirements: '不知道',
  },
  {
    // id
    id: 2,
    //昵称
    nickname: '小王吧',
    // 头像
    avatar: '111',
    //  性别
    gender: '女',
    // 户籍
    household_region: '南京京南',
    // 年龄
    age: 25,
    //婚姻状况
    marital_status: '未婚',
    //身高
    height: 175,
    //职业
    occupation: '教师',
    //学历
    education: '本科',
    //工作经验
    work_time: 5,
    //兴趣爱好
    hobbies: ['篮球', '足球', '羽毛球'],
    //自我介绍
    seif_introduction: '我打了两年半的篮球,非常有打篮球的经验',
    //年龄范围
    age_range: '23~40岁',
    //身高范围
    height_range: '160~175cm',
    //最低收入
    minimnm_income: '5~8千',
    //最低学历
    minimnm_education: '本科',
    //结婚时间
    marriage_timing: '尽快',
    //工作地区
    desired_work_region: '南京',
    //房子要求
    desired_housing_status: '房子',
    //期望婚姻状况
    desired_marital_status: '不知道',
    //其他要求
    other_requirements: '不知道',
  },
  {
    // id
    id: 3,
    //昵称
    nickname: '小王吧',
    // 头像
    avatar: '111',
    //  性别
    gender: '女',
    // 户籍
    household_region: '南京京南',
    // 年龄
    age: 25,
    //婚姻状况
    marital_status: '未婚',
    //身高
    height: 175,
    //职业
    occupation: '教师',
    //学历
    education: '本科',
    //工作经验
    work_time: 5,
    //兴趣爱好
    hobbies: ['篮球', '足球', '羽毛球'],
    //自我介绍
    seif_introduction: '我打了两年半的篮球,非常有打篮球的经验',
    //年龄范围
    age_range: '23~40岁',
    //身高范围
    height_range: '160~175cm',
    //最低收入
    minimnm_income: '5~8千',
    //最低学历
    minimnm_education: '本科',
    //结婚时间
    marriage_timing: '尽快',
    //工作地区
    desired_work_region: '南京',
    //房子要求
    desired_housing_status: '房子',
    //期望婚姻状况
    desired_marital_status: '不知道',
    //其他要求
    other_requirements: '不知道',
  },
  {
    // id
    id: 4,
    //昵称
    nickname: '小王吧',
    // 头像
    avatar: '111',
    //  性别
    gender: '女',
    // 户籍
    household_region: '南京京南',
    // 年龄
    age: 25,
    //婚姻状况
    marital_status: '未婚',
    //身高
    height: 175,
    //职业
    occupation: '教师',
    //学历
    education: '本科',
    //工作经验
    work_time: 5,
    //兴趣爱好
    hobbies: ['篮球', '足球', '羽毛球'],
    //自我介绍
    seif_introduction: '我打了两年半的篮球,非常有打篮球的经验',
    //年龄范围
    age_range: '23~40岁',
    //身高范围
    height_range: '160~175cm',
    //最低收入
    minimnm_income: '5~8千',
    //最低学历
    minimnm_education: '本科',
    //结婚时间
    marriage_timing: '尽快',
    //工作地区
    desired_work_region: '南京',
    //房子要求
    desired_housing_status: '房子',
    //期望婚姻状况
    desired_marital_status: '不知道',
    //其他要求
    other_requirements: '不知道',
  },
  {
    // id
    id: 5,
    //昵称
    nickname: '小王吧',
    // 头像
    avatar: '111',
    //  性别
    gender: '女',
    // 户籍
    household_region: '南京京南',
    // 年龄
    age: 25,
    //婚姻状况
    marital_status: '未婚',
    //身高
    height: 175,
    //职业
    occupation: '教师',
    //学历
    education: '本科',
    //工作经验
    work_time: 5,
    //兴趣爱好
    hobbies: ['篮球', '足球', '羽毛球'],
    //自我介绍
    seif_introduction: '我打了两年半的篮球,非常有打篮球的经验',
    //年龄范围
    age_range: '23~40岁',
    //身高范围
    height_range: '160~175cm',
    //最低收入
    minimnm_income: '5~8千',
    //最低学历
    minimnm_education: '本科',
    //结婚时间
    marriage_timing: '尽快',
    //工作地区
    desired_work_region: '南京',
    //房子要求
    desired_housing_status: '房子',
    //期望婚姻状况
    desired_marital_status: '不知道',
    //其他要求
    other_requirements: '不知道',
  },
  {
    // id
    id: 6,
    //昵称
    nickname: '小王吧',
    // 头像
    avatar: '111',
    //  性别
    gender: '女',
    // 户籍
    household_region: '南京京南',
    // 年龄
    age: 25,
    //婚姻状况
    marital_status: '未婚',
    //身高
    height: 175,
    //职业
    occupation: '教师',
    //学历
    education: '本科',
    //工作经验
    work_time: 5,
    //兴趣爱好
    hobbies: ['篮球', '足球', '羽毛球'],
    //自我介绍
    seif_introduction: '我打了两年半的篮球,非常有打篮球的经验',
    //年龄范围
    age_range: '23~40岁',
    //身高范围
    height_range: '160~175cm',
    //最低收入
    minimnm_income: '5~8千',
    //最低学历
    minimnm_education: '本科',
    //结婚时间
    marriage_timing: '尽快',
    //工作地区
    desired_work_region: '南京',
    //房子要求
    desired_housing_status: '房子',
    //期望婚姻状况
    desired_marital_status: '不知道',
    //其他要求
    other_requirements: '不知道',
  },
  {
    // id
    id: 7,
    //昵称
    nickname: '小王吧',
    // 头像
    avatar: '111',
    //  性别
    gender: '女',
    // 户籍
    household_region: '南京京南',
    // 年龄
    age: 25,
    //婚姻状况
    marital_status: '未婚',
    //身高
    height: 175,
    //职业
    occupation: '教师',
    //学历
    education: '本科',
    //工作经验
    work_time: 5,
    //兴趣爱好
    hobbies: ['篮球', '足球', '羽毛球'],
    //自我介绍
    seif_introduction: '我打了两年半的篮球,非常有打篮球的经验',
    //年龄范围
    age_range: '23~40岁',
    //身高范围
    height_range: '160~175cm',
    //最低收入
    minimnm_income: '5~8千',
    //最低学历
    minimnm_education: '本科',
    //结婚时间
    marriage_timing: '尽快',
    //工作地区
    desired_work_region: '南京',
    //房子要求
    desired_housing_status: '房子',
    //期望婚姻状况
    desired_marital_status: '不知道',
    //其他要求
    other_requirements: '不知道',
  },
])

const upper = (e) => {
  console.log(e, '上面')
}

const lower = (e) => {
  console.log(e, '下面')
}

const tabs = ['推荐', '同城', '匹配我']
const activeTab = ref(0)
function handleTabChange(index) {
  activeTab.value = index
  console.log(`当前选中的标签页索引：${index}`, tabs[index])
  if (tabs[index] == '更多') {
    console.log(1)
  }
}

//接口
// const getlist = async () => {
//   http({
//     url: 'https://60.215.128.73:43175/app/post/api/v1/develop/seek/recommend',
//     method: 'POST',
//     data: {
//       my_id: 'a2bfcf5c13b347288306eff8d7ab07e8',
//     },
//   }).then((res) => {
//     userlist.value = res.data
//   })
// }

// onMounted(() => {
//   getlist()
// })
</script>
<style scoped></style>
